Soru & Cevap

Fragmentlerde noktalı geçişler.

07.05.2016 - 05:43

Merhabalar. Bir uygulama da fragmentler arası geçiş yapıyorum. Aşağıda ki resimde ki gibi noktaların olmasını istiyorum. Bunu nasıl yapabilirim. Google dan araştıracağım ama bu konunun adının ne olduğunu bilmiyorum.

7 Görüntülenme

3 Cevap

Sitedeki sorulara cevap verebilmek için giriş yapın ya da üye olun.

picture-35522-1496757999.jpg
yerenutku
09.05.2016 - 12:22

Selam Hüseyin,

Bunun için yapman gereken basit. ViewPager'nın OnPageChangeListener 'ı sana sayfanın scroll edilmesi bununla bağdaşan diğer bilgileri haber verecek olan interface'dir. Önce ViewPager kullandığın yerde sayfa sayın kadar nokta oluştur. Bu noktalar sayfa değiştiğinde başka bir resim olacak ve ViewPager'ın hangi sayfaya gittiğini gösterebileceksin.

viewPager.addOnPageChangeListener(new OnPageChangeListener() {
@Override
public void onPageSelected(int position) { //bu method sayfa değiştiğinde viewpager tarafından tetiklenecek ve hangi sayfaya geçildiğini int olarak position değerinin içerisinde sana yollayacaktır.

 switch (position) {
    case 0:
        //img_page1-2-3-4 olarak gidenler senin imageview 'ların. Bunlar senin ekranda konumlandırdığın noktaları göstereceğin yerdeler.
        img_page1.setImageResource(R.drawable.dot_selected);
        img_page2.setImageResource(R.drawable.dot);
        img_page3.setImageResource(R.drawable.dot);
        img_page4.setImageResource(R.drawable.dot);
        break;

    case 1:
        //aynı işlemler burada da gerçekleşir. Hangi sayfaya geçilmişse o imageview "seçilmiş" görseline sahip olur. Diğer imageviewlar "seçilmemiş" görselinde sabit kalır.
        img_page1.setImageResource(R.drawable.dot);
        img_page2.setImageResource(R.drawable.dot_selected);
        img_page3.setImageResource(R.drawable.dot);
        img_page4.setImageResource(R.drawable.dot);
        break;

    case 2:
        img_page1.setImageResource(R.drawable.dot);
        img_page2.setImageResource(R.drawable.dot);
        img_page3.setImageResource(R.drawable.dot_selected);
        img_page4.setImageResource(R.drawable.dot);
        break;

    case 3:
        img_page1.setImageResource(R.drawable.dot);
        img_page2.setImageResource(R.drawable.dot);
        img_page3.setImageResource(R.drawable.dot);
        img_page4.setImageResource(R.drawable.dot_selected);
        break;

    default:
        break;
}

Başarılar dilerim.

Kaynak: http://stackoverflow.com/questions/20586619/android-viewpager-with-bottom-dots

picture-30491-1565085904.jpg
serhatleventyavas
07.05.2016 - 11:16

pageindicator arastır dostum.

picture-2903-1435872975.png
oshamahue
07.05.2016 - 06:56

ViewPager kullanman lazim. ViewPager ile kullanacagin ViewPagerIndicator kutuphanesi ile yapabilirsin bunu.